body {
  background: linear-gradient(#acbab5, white);
  background: -webkit-linear-gradient(#acbab5, white);
  -moz-user-select: none;
  -webkit-user-select: none;
  width: 100%;
  min-width: 100%;
  margin:0;padding:0;height:100%;border:none;
  color: #224422;

}
.title{
  font-size:14pt;
  font-weight: bold;
  text-align:left;
}
.text{}
.news {
  height: 50px;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
  text-align:left;
  font-size:10pt;
  font-weight: plain;
}
.distance{
  width: 98%;
  height: 150px;
  font-size:36pt;
  font-weight: bold;
  line-height:150px;
  text-align:center;
  border-style: solid;
  float: center;
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: #AA0000;
  border-width: 3px;
  border-top-left-radius: 75px;
  border-bottom-left-radius: 75px;
  border-top-right-radius: 75px; 
  border-bottom-right-radius: 75px;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.button {
  width: 50px;
  height: 50px;
  font-size:10pt;
  font-weight: plain;
  text-align:center;
  float: right;
  line-height: 50px;
  border-style: dashed;
  border-color: #FFFFFF;
  border-width: 3px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-transition: 0.5s ease-in;
  transition: 0.5s ease-in;
}
.buttonTouched{
  width: 50px;
  height: 50px;
  font-size:10pt;
  font-weight: plain;
  text-align:center;
  line-height: 50px;
  float: right;
  color: #FFFFFF;
  background-color: #550000;
  border-color: #AA0000;
  border-style: solid;
  border-width: 3px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.mainview{
  height: 100%;
  min-height: 200px;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
  text-align:left;
  font-size:10pt;
  font-weight: plain;
  border-right-width: 10px;
  border-right-style: solid;
  border-right-color: transparent;
  border-left-width: 10px;
  border-left-style: solid;
  border-left-color: transparent;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #aaaaaa;
  -webkit-transition: 0.5s ease-in;  
  -webkit-transition: 0.5s ease-out; 
  transition: 0.5s ease-in;
  transition: 0.5s ease-out; 
}
.footer {
  height: 20px;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
  text-align:center;
  font-size:10pt;
  font-weight: plain;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #aaaaaa;
  -webkit-transition: 0.5s ease-in;  
  -webkit-transition: 0.5s ease-out; 
  transition: 0.5s ease-in;
  transition: 0.5s ease-out; 
}
.toolbar {
  height: 25px
  text-align:left;
  font-size:10pt;
  font-weight: plain;
  border-style: solid;
  border-width: 1px;
  border-color: #aaaaaa;
}

